@charset "utf-8";


/*---------------------公共样式（手机版）-------------------- */

@media only screen and (max-width:1200px){
	.container{width: 100%;padding:0 10px;margin: 0;}
	.foot-cont{padding: 30px 0!important;}
}

@media only screen and (max-width:800px){
	h2{font-size: 1.8rem;}
	h3{font-size: 1.7rem;}
	h3{font-size: 1.6rem;}
	h4{font-size: 1.5rem;}
	h5{font-size: 1.4rem;}
	a,p,span{font-size: 1.3rem;line-height: 2rem;}
	
	.tit-c,.tit-cc{width: 150px;height: 100px; background: url(../images/titile-bg.png) center no-repeat;background-size: contain;font-size: 2rem;line-height: 100px;text-align: center;}
	.tit-e,.tit-ee,.tit-p{display: none;}
	.readmore{display: inline-block;width: 150px;margin-top:40px;  border-radius: 50px;line-height: 2.2rem;font-size: 1.4rem;background-position: 90%;transition: all .2s linear;}
	.readmore:hover{background-position: 90%;}
	
}

	
/*------------导航栏（手机版）-----------*/

@media only screen and (min-width:800px){
	.headp{display: none;}
}

@media only screen and (max-width:800px){
	.head{display: none;}
	
	.headp{width: 100%; height: 50px;background: #8c4356;position: fixed;top: 0;z-index: 1000;}
	.headp-logo img{width: 100px;margin: 1rem;}
	.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16rem;height:100100%;color:#fff;background-color:rgb(200,200,200);}
	.drawer-menu li a{line-height: 50px;}
	.drawer-menu li{position: relative;}
	.drawer-menu li::after{content: "";position: absolute;bottom: 0;left: 0;right: 0; margin: auto; width: 70%;height: 1px;background-color: #2d2d2d;}
	.drawer-menu{margin:0;padding:0;list-style:none;}
	.drawer-menu-item{font-size:1.5rem;display:block;text-decoration:none;color:#2d2d2d;text-align: center;line-height:70px;}
	.drawer-menu-item:hover{color:#fff;background-color:#2d2d2d;}

	.drawer-open .drawer-overlay{display:block}
	.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1);}
	.drawer--top.drawer-open .drawer-nav{top:0;}
	.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0;}
	.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1);}
	.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0;}
	.drawer--left.drawer-open .drawer-hamburger{left:16.25rem;}
	.drawer--right .drawer-nav{right:-30rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1);}
	.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0;}
	.drawer--right.drawer-open .drawer-hamburger{right:16.25rem;}
	.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2.6rem;padding:0;padding:14px 2rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent;}
	.drawer-hamburger:hover{cursor:pointer;background-color:transparent;}
	.drawer-hamburger-icon{position:relative;display:block;margin-top:10px;}
	.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222;}
	.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" ";}
	.drawer-hamburger-icon:after{top:10px;}
	.drawer-open .drawer-hamburger-icon{background-color:transparent}
	.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
	.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
	.drawer-hamburger-icon,.drawer-hamburger-icon::before,.drawer-hamburger-icon::after{background: #fff;}
	.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}
}


/*------------banner（手机版）-----------*/

@media only screen and (max-width:800px){
	.banner{margin-top:50px;}
	.carousel-indicators li{display: none;}
	
	.ban-ab{max-height:350px;}
	.ban-pro{max-height:350px;}
	.ban-news{max-height:350px;}
	.ban-join{max-height:350px;}
	.ban-tact{max-height: 300px;}
	
}


/* -------------公共底部（手机版） --------------*/

@media only screen and (min-width:800px){
	.footp,.foot-top{display: none;}
}

@media only screen and (max-width:800px){
	.foot{display: none;}
	
	.footp{max-height: 60px; width: 100%; position: fixed;bottom: 0;background-color: #fff;box-shadow: 0 -5px 5px rgba(0,0,0,0.3);z-index: 1000;}
	.footp ul{margin-bottom: 0!important;}
	.footp ul li{padding: 3% 0 2.5% 0;border-right: 1px solid #efedee;text-align: center;}
	.footp ul li span{color: #2d2d2d;}
	.footp ul li a{text-decoration: none!important;}
	.footp ul li a:hover{background-color: transparent!important;}
	.footp ul li:active{background:#8c4356;}
	.footp ul li:active span{color:#fff;}
	.foot-top{height: 50px;}
	.footp .row{margin:0!important;}

}


/*--------------------首页（手机版）--------------------*/

@media only screen and (max-width:800px){
	.in-one-box{background: #fff;}
	.in-one-box .container{padding: 0;}
	.in-one-l,.in-one-r{width: 100%;padding: 10px;}
	.in-one-tit{height: 80px;float: left;}
	.in-one-tit p{display: none;}
	.in-one-r{box-shadow: 0 0 0 rgba(100,100,100,0);}
	.in-one-cont{padding: 20px 0 0 0;}
	.in-one-l a{float: right;}
	
	.in-two-box{background: #fff;}
	.in-two-u{padding-top: 20px;height: auto;}
	.in-two-cont{margin-top: 100px;}
	.in-two-tit h1{margin: 0 auto}
	.in-two-small{width: 100%;margin-bottom: 10px;}
	.in-two-s1,.in-two-s2,.in-two-s3{background: #e4e4e4;    padding: 5px;}
	.in-two-p{width: 35%;float: left;}
	.in-two-p img:first-child{display: none;}
	.in-two-inner{width: 65%; float: left;margin: 20px auto;}
	.in-two-inner p{display: none;}
	.in-two-btn{ width:70%; margin: 10px 0 0 0!important;line-height: 2.2rem;font-size: 1.4rem;}
	.in-two-d{height: 100px;}
	
	.in-thr-box{padding: 30px 10px;}
	.in-thr-tit a{margin-top: 40px;}
	.in-thr-cont li { width: 100%;padding: 15px;}
	.in-thr-w{padding: 0 0 0 15px;}
	.in-thr-w .s{display: none}
	.in-thr-tit a{right: 0;}
	
	.in-four-u{padding-top: 50px;}
	.in-four-tit a{margin: 20px 0 20px;}
	.in-four-p{text-align: center;}
	.in-four-p img{width: 70%;padding-top: 15px;}
	.in-four-d{padding: 10px 0;}
	.simply-scroll .simply-scroll-list li{width: 170px!important;}
	
	.in-five-cont{padding: 15px 15px 40px 15px;}
	.in-five-cont::before,.in-five-cont::after{display: none;}
	.in-five-out {padding: 50px 0;}
	.in-five-cont>img {width: 15%; top: 0px;left: 0px;}
	.in-five-tit{margin-bottom: 0;}
	.in-five-list li span, .in-five-list li h5 {margin: 15px 0;float: left;padding: 2px 5px;}
	.in-five-list li span {font-size: 1.2rem;width: 25%;text-align: center;}
	.in-five-list li h5{width: 70%; line-height: 2rem;margin-left: 10px;-webkit-line-clamp: 2;}
	.in-five-list li{background: url(); }

}


/*------------内页（手机版）-------------*/

@media only screen and (max-width:800px){
	
	/*老铺介绍*/
	
	.ab-one-box {margin: 0 auto;}
	.ab-one-l{width:100%;padding:10px 0;}
	.ab-one-r {width:100%;padding:10px;margin-top: 0;}
	.ab-one-tit,.ab-one-tit h1{margin: 0 auto;}
	.ab-one-l p{text-indent: 2.3rem;}
	.ab-one-d{padding: 15px 0;}
	.ab-one-d p{width: 100%;padding: 10px 0 0 0;text-indent: 2.3rem;}
	
	.ab-two-box {margin: 20px auto;}
	.ab-two-cont{margin-top: 10px;} 
	.ab-two-cont ul li {width: 95%;padding: 10px;line-height: 2rem;font-size: 1.3rem}
	
	.ab-thr-box{padding: 30px 0;}
	
	
	/*特色产品*/
	.pro-box{padding: 40px 0;}
	.panel-heading {padding: 15px;}
	.panel-title a{font-size: 1.6rem;}
	.panel-body img{margin: 15px 0;}
	.panel-title::before{top: 4px;}
	.pro-w{width: 85%;}
	
	
	/*动态资讯*/
	.news-box{padding:0;}
	.news-tab{margin-bottom: 0!important;}
	.news-tab ul li{margin: 10px 2%;}
	.news-tab ul li a{padding-top: 40px;}
	.news-tab ul li a img{width: 30%;}
	.news-tab ul li h4{font-size: 1.4rem;}
	
	.news-list ul li{width: 100%;margin: 5px 0;}
	.news-small{padding: 20px 10px;}
	
	.news-tits{padding: 0 15px 15px 15px}
	.news-tits h2{line-height: 2.4rem;}
	.news-conts{padding: 20px 10px;}
	.news-fanye {margin: 30px 0;}
	
	/*招商加盟*/
	.join-one-box{margin: 20px auto;}
	.join-one-tit{margin-bottom: 0;}
	.join-one-r{display: none;}
	.join-one-l{width: 100%;padding: 20px 0;}
	.join-one-tab li{width: 30%;}
	.join-one-tab li h4{font-size: 1.3rem;margin: 10px 0 10px 0;}
	.join-one-tab li img{width: 50%;}
	.join-one-wenzi{min-height: 120px}
	
	.join-two-bg {padding: 30px 0;}
	.join-two-tit .tit-cc{color: #2d2d2d;}
	.join-two-cont{margin-top: 30px;}
	
	
	/*联系我们*/
	.tact-box h3{font-size: 1.7rem;}
	.tact-box ul li p{width: 80%;}
	
}